// 插值语法对这些 mixin 进行整合
@mixin margin_right_adjust ($adjust_max, $adjust_mid, $adjust_small) {
  @media screen and (min-width: 1560px) {
    margin-right: $adjust_max;
  }
  @media screen and (min-width:1440px) and (max-width:1560px){
    margin-right: $adjust_mid;
  }
  @media screen and (max-width: 1440px) {
    margin-right: $adjust_small;
  }
}

@mixin width_adjust ($adjust_max, $adjust_mid, $adjust_small) {
  @media screen and (min-width: 1560px) {
    width: $adjust_max;
  }
  @media screen and (min-width:1440px) and (max-width:1560px){
    width: $adjust_mid;
  }
  @media screen and (max-width: 1440px) {
    width: $adjust_small;
  }
}


@mixin font_size_adjust ($adjust_max, $adjust_mid, $adjust_small) {
  @media screen and (min-width: 1560px) {
    font-size: $adjust_max;
  }
  @media screen and (min-width:1440px) and (max-width:1560px){
    font-size: $adjust_mid;
  }
  @media screen and (max-width: 1440px) {
    font-size: $adjust_small;
  }
}

@mixin display_adjust ($adjust_max, $adjust_mid, $adjust_small) {
  @media screen and (min-width: 1560px) {
    display: $adjust_max;
  }
  @media screen and (min-width:1440px) and (max-width:1560px){
    display: $adjust_mid;
  }
  @media screen and (max-width: 1440px) {
    display: $adjust_small;
  }
}


// 这一部分 mixin 用于首页进行调整

@mixin table_line_adjust ($adjust_max_line, $adjust_mid_line, $adjust_small_line) {
  @media screen and (min-height: 900px) {
    line-height: $adjust_max_line;
    height: $adjust_max_line;
  }
  @media screen and (min-height:800px) and (max-height:900px){
    line-height: $adjust_mid_line;
    height: $adjust_mid_line;
  }
  @media screen and (max-height: 800px) {
    line-height: $adjust_small_line;
    height: $adjust_small_line;
  }
}
@mixin magin_top_adjust ($adjust_max, $adjust_mid, $adjust_small) {
  @media screen and (min-height: 900px) {
    margin-top: $adjust_max;
  }
  @media screen and (min-height:800px) and (max-height:900px){
    margin-top: $adjust_mid;
  }
  @media screen and (max-height:800px) {
    margin-top: $adjust_small;
  }
}

@mixin height_adjust ($adjust_max, $adjust_mid, $adjust_small) {
  @media screen and (min-height: 900px) {
    height: $adjust_max;
  }
  @media screen and (min-height:800px) and (max-height:900px){
    height: $adjust_mid;
  }
  @media screen and (max-height: 800px) {
    height: $adjust_small;
  }
}
